import React, { useEffect } from 'react';
import { Card, Typography } from 'antd';
import { useAppDispatch } from '../../store';
import { setBreadcrumbs } from '../../store/slices/uiSlice';

const { Title } = Typography;

const CouponList: React.FC = () => {
  const dispatch = useAppDispatch();

  useEffect(() => {
    dispatch(setBreadcrumbs([
      { title: '优惠券管理' },
      { title: '优惠券列表' },
    ]));
  }, [dispatch]);

  return (
    <div>
      <Title level={2}>优惠券列表</Title>
      <Card>
        <p>优惠券管理功能正在开发中...</p>
      </Card>
    </div>
  );
};

export default CouponList;
